[#ftl]
[#assign style][#compress]
.main_logo {
	padding:0px;
	margin-left:5px;
	margin-top:5px;
}
.bp_headline {
	width:100%;
	margin:0.1em 0em 0.2em 0em;
	font-size:2.5em;
	color:#6495ed;
}
.bp_content{
	display:inline-block;
	width:100%;
	line-height:1.4em;
	font-size: 1.4em; 
	word-spacing: 0.1em;
	color:#808080;
	margin-bottom:0.5em;
}
.f_content {
	margin:0.2em 0em;
	/*text-indent:1em*/
}
.content_title{
	margin-bottom:0.2em;
	font-size:1.2em;
	color:#808080;
	left:0px;
	border-bottom:1px solid dashed;
}
.bp_sample{
	background-position:0px 0px;
	width:1024px;
	height:520px;
}
.bp_icon {
	float:left;
	border:0px none transparent;
	background-repeat: no-repeat;
	background-image:url('/image/sample.jpg');
}
.bp_browser{
	background-position:-140px -710px;
	width:200px;
	height:40px;
}
.bp_browser1{
	background-position:-140px -710px;
	width:120px;
	height:40px;
}
.bp_browser2{
	background-position:-263px -710px;
	width:80px;
	height:40px;
}
.bp_technology{
	background-position:0px -710px;
	width:120px;
	height:40px;
}
.bp_cost{
	width:100px;
	height:100px;
	background-position:0px -530px;
}
.bp_engineering{
	width:100px;
	height:100px;
	background-position:-90px -530px
}
.bp_quality{
	width:100px;
	height:100px;
	background-position:-192px -530px
}
.bp_risk{
	width:110px;
	height:100px;
	background-position:-292px -532px
}
.bp_productivity{
	width:100px;
	height:100px;
	background-position:-420px -530px
}
[/#compress][/#assign]

${style?replace("\n","")}

[#--
@media screen and (max-height:930px){
	.bp_sample {
    	width:100%;height:460px
    }
}

@media screen and (max-height:830px){
	.bp_sample {
    	width:100%;height:360px
    }
}
@media screen and (max-height:760px){
	.bp_sample {
    	width:100%;height:310px
    }
}

@media screen and (max-height:730px){
	.bp_sample {
    	width:100%;height:290px
    }
}

@media screen and (max-height:640px){
	.bp_sample{background-position:0px 0px;width:100%;height:220px;}
	.bp_cost{width:50px;height:50px;background-position:0px -640px}
	.bp_engineering{width:50px;height:50px;background-position:-48px -645px}
	.bp_quality{width:50px;height:50px;background-position:-105px -645px}
	.bp_risk{width:50px;height:50px;background-position:-155px -644px;width:52px}
	.bp_productivity{width:50px;height:50px;background-position:-210px -642px}	
}


@media screen and (max-width:480px){
	.bp_sample{display:none}
	.bp_theme {font-size:8px!important}
	.bp_scale {transform:scale(0.5,0.5);-moz-transform:scale(0.5,0.5);-webkit-transform:scale(0.5,0.5);}
	.bp_browser1{background-position:-140px -710px;width:120px;height:40px;position:absolute;left:-32px}
	.bp_browser2{background-position:-263px -710px;width:80px;height:40px;position:relative;left:-22px;top:20px}
	.bp_technology{background-position:0px -710px;width:120px;height:40px;position:absolute;left:-30px}
}

@media screen and (max-height:480px){
	.bp_sample{display:none}
	.bp_theme {font-size:8px}
	.bp_scale {transform:scale(0.5,0.5);-moz-transform:scale(0.5,0.5);-webkit-transform:scale(0.5,0.5);}
	.bp_browser1{background-position:-140px -710px;width:120px;height:40px;position:absolute;left:-32px}
	.bp_browser2{background-position:-263px -710px;width:80px;height:40px;position:relative;left:-22px;top:20px}
	.bp_technology{background-position:0px -710px;width:120px;height:40px;position:absolute;left:-30px}
}
--]